<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>详情页</title>
		
		<link rel="stylesheet" type="text/css" href="../css/xq.css"/>
		<link rel="stylesheet" type="text/css" href="../iconfont/iconfont.css">
		<link rel="stylesheet" type="text/css" href="../icon/iconfont.css">
		<link rel="stylesheet" type="text/css" href="../css/common.css"/>
		<script src="../js/jquery-1.11.3.js"></script>
		<script src="../js/xq.js"></script>
		
	</head>
	<body>
	<!--top-->
		<div id="top">
			<div class="top-con">
				<ul class="top-l">
					<li class="d1">冷链配送 99元顺丰到家 送至：</li>
					<li class="d2">
						<span>北京</span>
						<b><i class="iconfont icon-icon-test"></i></b>
					</li>
				</ul>		
				<ul class="top-r">
					<li>
						嗨，欢迎你来到顺丰优选！
						<a href="denglu.html">请登录&ensp;</a><a href="zhuce.html">免费注册</a> 
					</li>
					<li><a href="#">我的订单</a></li>
					<li>
						<a href="#">我的优选</a>
						<b><i class="iconfont icon-icon-test"></i></b>
					</li>
					<li>
						<b><i class="iconfont icon-shouji"></i></b>
						<a href="#">移动客户端</a>
					</li>
					<li>
						<a href="#">帮助中心</a>
						<b><i class="iconfont icon-icon-test"></i></b>
					</li>
					<li>
						<a href="#">网站导航</a>
						<b><i class="iconfont icon-icon-test"></i></b>
					</li>
					<li>
						<b><i class="iconfont icon-weibo"></i></b>
					</li>
					<li>
						<b><i class="iconfont icon-weixin"></i></b>
					</li>
				</ul>			
			</div>
		</div>
		<!--head-->
		<div id="head">
			<div class="head-con">
				<div class="head-l">
					<a href="#"><img src="../img/logo.jpg" alt="" /></a>
					
				</div>
				<div class="head-c">
					<input type="text" value="牛肉"/>
					<button>搜&ensp;索</button>
					<ul>
						<li><a href="#">牛奶</a></li>
						<li><a href="#">鳕鱼</a></li>
						<li><a href="#">白虾</a></li>
						<li><a href="#">大米</a></li>
						<li><a href="#">猕猴桃</a></li>
						<li><a href="#">海外直采</a></li>
						<li><a href="#">榴莲</a></li>
					
					</ul>
				</div>
				<div class="head-r">
					<div>
						<b><i class="iconfont icon-gouwuche"></i></b>
						<p>我的购物车</p>
						<button>0</button>
					</div>
				</div>
			</div>
		</div>
		
		
		<!--nav-->
		<div id="nav">
			<div class="nav-con">
				<div class="nav-l">
					<a href="#">精选商品分类</a>
				</div>
				<div class="nav-c">
					<ul>
						<li><a href="#">首页</a></li>
						<li><a href="#">优选生鲜</a></li>
						<li><a href="#">全球美食</a></li>
						<li><a href="#">优选厨房</a></li>
						<li><a href="#">新品尝鲜</a></li>
						<li><a href="#">优选国际</a></li>
						<li><a href="#">优选专区</a></li>
					</ul>
				</div>	
				<div class="nav-r">
					<img src="../img/nav.jpg" alt="" />
				</div>
			</div>
		</div>
		
		<div class="content">
			<p class="naber">
				<strong>生鲜食品</strong>
				>
				<a href="###">水果</a>
				<a href="###">进口水果</a>
				<a href="####">优果优选</a>
				<a href="###">优果优选 泰国进口山竹 3斤装 1.5kg</a>
			</p>
			<div id="glass">
				<div class="small">
				<ul >
					<li><img class="ul-img" src="../img/sza.jpg" alt="" /></li>
					<li><img class="ul-img" src="../img/szb.jpg" alt="" /></li>
					<li><img class="ul-img" src="../img/szc.jpg" alt="" /></li>
					<li><img class="ul-img" src="../img/szd.jpg" alt="" /></li>
				</ul>
				</div>
				<div class="maxpic">
					<img class="glass-pic" src="../img/shanzhu1.jpg" alt="" />
					<img class="glass-pic" src="../img/shanzhu2.jpg" alt="" />
					<img class="glass-pic" src="../img/shanzhu3.jpg" alt="" />
					<img class="glass-pic" src="../img/shanzhu3.jpg" alt="" />
				</div>
			</div>
			<div class="pItemsMain">
				<div class="pItems-head">
					<h2>优果优选 泰国进口山竹 3斤装 1.5kg
					<span>优选会员每天限购1次每次最多5件</span>
					</h2>
				</div>
				<div class="pItems-center">
					<p>优选价:&nbsp;￥<span>99</span></p>
				</div>
				<div class="pItems-arrive">
					<p>送至:</p>
					<div>北京东城区
					<i class="iconfont icon-sanjiao-copy"></i>
					</div>
					<p>运费：￥0</p>
				</div>	
				<div class="pItems-bottom">
					<div class="sum">
					<span>
					<input type="text" value="1"/>
					
					</span>
					
					</div>
					<div class="add">
						<p><i class="iconfont icon-gouwuche"></i>
						加入购物车</p>
					</div>
					<div class="erweima">
						<i class="iconfont icon-shouji"></i>
						<p>扫描下载客户端</p>
						<b>先摇券  后买单</b>
						
					</div>
				</div>
			</div>
			<div class="pj">
				<div class="pj-t">
					<ul class="pic">
					<li><img src="../img/fuwu1.png" alt="" /></li>	
					<li><img src="../img/fuwu2.png" alt="" /></li>
					<li><img src="../img/fuwu3.png" alt="" /></li>
					</ul>
				</div>	
				
				<div class="pj-c">
					<img src="../img/icon.jpg" alt="" />
					<h3>广东优果农业投资有限公司</h3>
					<span>服务：由广东优果农业投资有限公司发货，由顺丰商业提供售后服务</span>
				</div>
				<div class="pj-t">
				<p>品牌：优果优选<br />
					品牌：优果优选<br />
					产地：泰国泰国<br />
					规格：1.5kg<br />
					重量：2kg （含包装）<br />
					商品编号：1800198847<br />
					服务/证照：由商家开具发票
				</p>
				
				</div>
				<div class="pj-b"></div>
			</div>
		</div>
		<div id="Detail">
			<div class="Detail-con">
			<div class="Detail-l">
				<div>
					<h2>相关分类</h2>
					<a href="#">水果</a>
					<a href="#">水果</a>
					<a href="#">水果</a>
					<a href="#">水果</a>
					<a href="#">水果</a>
					<a href="#">水果</a>
					<a href="#">水果</a>
					<a href="#">水果</a>
					<a href="#">水果</a>
				</div>
				<div>
					<h2>相关分类</h2>
					<a href="#">水果</a>
					<a href="#">水果</a>
					<a href="#">水果</a>
					<a href="#">水果</a>
					<a href="#">水果</a>
					<a href="#">水果</a>
					<a href="#">水果</a>
					<a href="#">水果</a>
					<a href="#">水果</a>
				</div>
				<div class="rank">
					<h3>热销排行</h3>
					<dl>
						<dt><img src="../img/apple.jpg" alt="" /></dt>
						<dd>新疆阿克苏苹果5kg-5.5kg/箱</dd>
					</dl>
				</div>
				
			</div>
			<div class="Detail-r">
				<div>
					<a href="">商品详情</a>
					<a href="">售后服务</a>	
					<a href="">评价</a>
				</div>
				<div>
					<p>存储条件：常温0-30度重量(含包装)：2（kg）销售单位：盒产地：泰国规格：1.5kg</p>
					<p>
					温馨提示：
					顺丰优选所售商品均经过严格的供应商资质审查、商品审查、入库全检、出货全检流程。由于部分商品存在厂家更换包装、不同批次、不同生产日期、不同生产工厂等情况，导致商品实物与图片存在微小差异，因此请您以收到的商品实物为准，同时我们会尽量做到及时更新，由此给您带来不便敬请谅解，谢谢！
					价格说明：
					划线价 商品展示的划线价格为参考价，该价格可能是商品在优选平台上曾经展示过的销售价或优选门店销售过的价格、该价格可能是品牌专柜标价、商品吊牌价或由品牌供应商提供的正品零售价（如厂商指导价、建议零售价等）；由于地区、时间的差异性和市场行情波动，品牌专柜标价、商品吊牌价等可能会与您购物时展示的不一致，该价格仅供您参考。
					优选价 优选会员价为商品的销售价，是您最终决定是否购买商品的依据。（“优选会员价”是完成注册并成功支付会费的会员享受的销售价）</p>
				<em>如果您发现我们的商品存在问题 <b>欢迎纠结</b></em>
				</div>
				<div class="shop-show">
					商品展示/Products Exhibition
				</div>
				<div class="shanzhu-show">
					<img src="../img/sz1.jpg" alt="" />
					<img src="../img/sz2.jpg" alt="" />
					<img src="../img/sz3.jpg" alt="" />
					<img src="../img/sz4.jpg" alt="" />
					<img src="../img/sz5.jpg" alt="" />
					<img src="../img/SZ6.jpg" alt="" />
					<img src="../img/SZ7.jpg" alt="" />
					<img src="../img/SZ1.jpg" alt="" />
				</div>
				<div class="pingjia">
					<p>用户评价</p>
					<div class="baifenbi">
						<b>好评度<span>95%</span></b>
					</div>
					<div class="pingj">
						<i>好评<br />
						<div class="jindu"></div><span>95%</span>
						</i>
						<i>中评<br />
						<div class="jindu"></div><span>1%</span>
						</i>
						<i>差评
						<div class="jindu"></div><span>4%</span>
						</i>
					</div>	
					<div class="jifen1">
						<b>购买过商品，参与评价晒单，可获得积分哦~~</b><br />
						<a href="#">马上评价</a><a href="#">【如何获得积分】</a>
					</div>
					
				</div>
			</div>
			</div>
		</div>
			<!--link-->
	<div id="link">
		<div class="link-con">
			<div class="link-l">
				<img src="../img/ft1.jpg" alt="" />
				<b>9533858</b>
				<p>周一至周日8:30-22:00</p>
			</div>
			<div class="link-c">
				<ul>
					<li>购物指南</li>
					<li><a href="#">积分制度</a></li>
					<li><a href="#">会员介绍</a></li>
					<li><a href="#">积分制度</a></li>
					<li><a href="#">购物流程</a></li>
					<li><a href="#">常见问题</a></li>
				</ul>
				<ul>
					<li>购物指南</li>
					<li><a href="#">积分制度</a></li>
					<li><a href="#">会员介绍</a></li>
					<li><a href="#">积分制度</a></li>
					<li><a href="#">购物流程</a></li>
					<li><a href="#">常见问题</a></li>
				</ul>
				<ul>
					<li>购物指南</li>
					<li><a href="#">积分制度</a></li>
					<li><a href="#">会员介绍</a></li>
					<li><a href="#">积分制度</a></li>
					<li><a href="#">购物流程</a></li>
					<li><a href="#">常见问题</a></li>
				</ul>
				<ul>
					<li>购物指南</li>
					<li><a href="#">积分制度</a></li>
					<li><a href="#">会员介绍</a></li>
					<li><a href="#">积分制度</a></li>
					<li><a href="#">购物流程</a></li>
					<li><a href="#">常见问题</a></li>
				</ul>
				<ul>
					<li>购物指南</li>
					<li><a href="#">积分制度</a></li>
					<li><a href="#">会员介绍</a></li>
			
				</ul>
			</div>
			<div class="link-r">
				<ul>
					<li><a href="#">手机客户端</a></li>
					<span><img src="../img/ft2.jpg" alt="" /></span>
				</ul>
				<ul>
					<li><a href="#">官方微信</a></li>
					<span><img src="../img/ft2.jpg" alt="" /></span>
				</ul>
			</div>
		</div>
	</div>
	<div id="bottom">
		<div class="bottom-con">
			<div class="bottom-l">
				<img src="../img/bottom1.jpg" alt="" />
			</div>
			<div class="bottom-r">
				<ul>
					<li><a href="#">关于我们</a></li>
					<li><a href="#">联系我们</a></li>
					<li><a href="#">招聘人才</a></li>
					<li><a href="#">友情链接</a></li>
					<li><a href="#">供应商申请</a></li>
				</ul>	
				<span>Copyright© 顺丰优选 sfbest.com 版权所有</span>	
				<span>京公网安备11010502026831号</span>
				<a href="#">京ICP证150325号</a>
				<a href="#">食品经营许可证JY11113080533669号 </a>
				<a href="#">企业营业执照</a>
			</div>
		</div>
	</div>
		
	</body>
</html>
